<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>68同城注册页面</title>
</head>
<body>
<h2>用户注册</h2>
<form action="aaa.html" method="post"
      enctype="multipart/form-data">
  <!--  用户标示 id-->
  <input type="hidden" name="id" value="666">
  <!--  文本框-->
  <p>用户名：<input type="text" name="username" placeholder="请输入用户名，如tom"></p>
  <!--  密码框-->
  <p>密码：<input type="password" name="password" placeholder="请输入密码，如123"></p>
  <!--  单选按钮-->
  <p>
    性别：
    <input id="male" type="radio" value="1" name="gender" checked>
    <label for="male">男</label>
    <input id="female" type="radio" value="0" name="gender">
    <label for="female">女</label>
  </p>
  <!--  复选框-多选按钮,
    多个按钮的name要保持一致，这样后台才能同时获取到该组的所有被选中的值-->
  <p>
    兴趣爱好：
    <input type="checkbox" name="hobby" value="篮球" checked>篮球
    <input type="checkbox" name="hobby" value="唱歌">唱歌
    <input type="checkbox" name="hobby" value="游泳">游泳
  </p>
  <p>
    您的身份：
    <select name="job">
      <option value="student">学生</option>
      <option value="teacher">教师</option>
      <option value="worker">蓝领</option>
      <option value="primeWorker">白领</option>
    </select>
  </p>
  <p>
    你喜欢的歌星：
    <select name="singer">
      <option value="1">刘若英</option>
      <option value="2">许巍</option>
      <option value="3">刘德华</option>
      <option value="4" selected>周杰伦</option>
    </select>
  </p>
  <p>
    我的个性宣言：
    <textarea name="selfInfo" cols="30" rows="10">请输入。。。。</textarea>
  </p>
  <p>
    图像照片：
    <input type="file" name="photo" accept="image/jpeg,image/png">
  </p>
  <p>
    个人主页：
    <input type="url" name="homePage">
  </p>
  <p>
    请选择生日月份：<input type="number" value="1"
                   min="1" max="12" step="1">
  </p>
  <p>
    请设置满意度：
    <input type="range"
           name="satisfaction" min="0" max="10" step="2">
  </p>
  <p>请搜索：<input type="search" name="keyword"></p>
  <p>我们的口号是：
    <input type="text" name="slogan" readonly value="好好学习，天天向上！"></p>
  <p>
    <input type="checkbox">
    阅读并同意<a href="#">网站协议</a></p>
  <!--  提交按钮-->
  <p>
    <input type="submit" value="注册" disabled>
    <input type="reset" value="清除">
    <input type="button" value="普通按钮">
    <!--当button在表单里时，会默认作为提交按钮使用-->
    <!--    <button>普通按钮2号</button>-->
  </p>
</form>
</body>
</html>